<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/ShoppingCart.css">
    <link rel="stylesheet" href="../css/reset.css">
    <script src="../js/lib/jquery.js"></script>
    <script src="../js/getURL.js"></script>
    <script src="../js/ShoppingCart.js"></script>
    <script src="../js/ShoppingCart1.js"></script>
</head>

<body>
    <div class="nav"></div>

    <!-- 购物车box -->
    <div class="cart" id="J_Cart">
        <!-- 全部商品 -->
        <div id="J_FilterBar" class="cart-filter-bar">
            <ul id="J_CartSwitch" class="switch-cart">
                <li class="btn-switch-cart switch-cart-0 current"><a href="javascript:void(0)" class="J_MakePoint"
                        data-point="tbcart.8.35"><em>全部商品</em><span class="number">3</span><span
                            class="pipe"></span></a></li>
                <li class="btn-switch-cart switch-cart-2 disabled"><a href="javascript: void(0);" class="J_MakePoint"
                        data-point="tbcart.8.34"><em>降价商品</em><span class="number">0</span><span
                            class="pipe"></span></a></li>
                <li class="btn-switch-cart switch-cart-4 disabled"><a href="javascript: void(0);" class="J_MakePoint"
                        data-point="tbcart.8.36"><em>库存紧张</em><span class="number">0</span><span
                            class="pipe"></span></a></li>
            </ul>
            <div class="cart-sum"><span class="pay-text">已选商品（不含运费）</span><strong class="price"><em
                        id="J_SmallTotal"><span class="total-symbol">&nbsp;</span>0.00</em></strong><a
                    id="J_SmallSubmit" class="submit-btn submit-btn-disabled">结&nbsp;算</a></div>
            <div class="wrap-line">
                <div class="floater" style="width: 123px; left: -1px;"></div>
            </div>
        </div>
        
        <!-- 购物车 -->
        <div class="cart-main">
            <div class="cart-table-th">
                <!-- 全选 -->
                <div class="checkbox1">
                    <input type="checkbox" class="checkboxAll"><span>全选</span>
               </div>              
            </div>
             <!-- 商品盒子 -->
             <div class="Pmoban-box">
                 <!-- 商品模板 -->
                <div class="Pmoban">
                    <input type="checkbox" class="checkbox">
                    <img src="../img/index.png" alt="">
                    <div class="particulars">三千五i的货物邱琦雯你的七五i和打网球</div>
                    <div class="particulars2">三千五i的货物邱琦雯你的七五i和打网球</div>
                    <div class="price">￥<span>36.36</span></div>
                    <div class="quantity">
                        <button class="jian">-</button>
                        <input type="text" class="Quantity" value="1">
                        <button class="jia">+</button>
                    </div>

                    <div class="Price">￥<span>36.36</span></div>
                    <button class="delete">删除</button>
                </div>

                
                </div>

                <!-- 结算总价 -->
                <div class="summation">
                    <input type="checkbox" class="checkboxALL">
                    <span>全选</span>
                    <a href="javascript:void(0)" id="Dele">删除选中</a>
                    <div class="you">
                        <div class="yixuan">已选商品<span>0</span>件</div>
                        <div class="heji">合计（不含运费）<span>0.00</span></div>
                        <button class="Jiesuan">结算</button>
                    </div>
            </div>
        </div>
    </div>
    <div class="bottom"></div>

    <script>
        $(".bottom").load("./bottom.html");
        $(".nav").load("./nav.html");
    </script>
</body>

</html>